<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>提币</title>

    <!-- Bootstrap -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
	<style type="text/css">
		.load_more_div{
			text-align:center;
			/*margin:10px;*/
			padding-top: 0.15rem;
			clear:both;
		}
		.load_more{
			margin: 0px auto;
		    display: block;
		    line-height:35px;
		    padding: 0 8px;
		    border-radius: 5px;
		    background: transparent;
		    color:rgb(74, 168, 255);
		    outline: none;
		    border: none;
		    margin-bottom:10px ;
		}
		.modal_body{
			max-height: 370px;
			height: auto;
		}
		.chargeMoney_btn>button {
		    width: 100px;
		    height: 40px;
		    line-height: 40px;
		    background: rgb(74, 168, 255);
		    border-radius: 20px;
		    text-align: center;
		    color: #FFF;
		    outline: none;
		    border:none;
		}
		#recipient-name1{
			background: transparent;
			display: inline-block;
			width: calc(100% - 30px);
			border:none;
		}
		.kk_img{
			margin:auto;
			width: 25px;
			height: 25px;
		}
	</style>
</head>

<body>
    <!--导航-->
    <div class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header text-center">
                <!-- 用户信息 -->
                <a class="navbar-brand user_msg" href="javascript:;"><img class="img-responsive" src="./img/geren5@2x.png" alt="" style="width:50%;border-radius:50%;"></a>
                <!-- 标题 -->
                <span class="title">提币</span>
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navBar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse navbar-right" id="navBar">
                <ul class="nav navbar-nav">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="chargeMoney.html">充币</a></li>
                    <li><a href="mentionMoney.html" style="color:#fff;">提币</a></li>
                    <li><a href="Num1FirstRound.html">捐款轮数</a></li>
                    <!--<li><a href="manageMoney.html">加密大陆</a></li>-->
                    <li><a href="myTeam.html">我的团队</a></li>
                    <li><a href="myEarnings.html">我的收益</a></li>
                    <li><a href="currencySetting.html">币种设置</a></li>
                </ul>
            </div>

            <!-- 用户信息 -->
            <div class="user_wrapper">
                <div class="user_container">
                    <img class="user_head" src="./img/lanse222.gif" alt="用户头像">
                    <p class="user_id"></p>
                    <div class="btns">
                        <a href="personalCenter.html">个人中心</a>
                        <a href="login.html">退出</a>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="container-fluid">
        <!-- 最新公告 -->
        <div class="text_shadow"><span class="b0_e1"></span>提币</div>
        <button type="button" class="charge_record" data-toggle="modal" data-target=".bs-example-modal-lg">
            提币记录
        </button>
        <div>
            <p style="max-width:800px;margin:0 auto;">当前可提币数量（<span class="b0_e1"></span>）</p>
            <div class="money_num">
                <input class="money_num_input balance" type="number" readonly="readonly">
            </div>
            <p style="max-width:800px;margin:9px auto 0;">提币数量（<span class="b0_e1"></span>）</p>
            <div class="money_num">
                <input class="money_num_input withdrawNum" type="number" placeholder="请输入提币数量">
            </div>
            <p style="max-width:800px;margin:9px auto 0;">手续费（%）</p>
            <div class="money_num">
                <input class="money_num_input rate" type="text" readonly="readonly">
            </div>
            <p style="max-width:800px;margin:9px auto 0;">预计到账数量（<span class="b0_e1"></span>）</p>
            <div class="money_num">
                <input class="money_num_input estimatedNum" type="text" readonly="readonly">
            </div>
        </div>
        <div class="chargeMoney_btn">
            <a href="javascript:;" class="cz_btn">重置</a>
            <button type="button" class="qr_btn">确认</button>
        </div>
    </div>

    <!-- ETH提币记录模态框 -->
    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" style="z-index: 9999;display: none;">
        <div class="modal-dialog modal-lg" role="document" style="max-width:600px;">
            <div class="modal-content">
                <div class="modal-header" style="padding-bottom:0;">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel" style="color:rgb(74,168,255);"><span class="b0_e1"></span>提币记录</h4>
                </div>
                <div class="modal-body modal_body modal_list">
                    <!--<div class="modal_charge_record">
                        <p>ID<span>7523</span></p>
                        <p>币种<span>ETH</span></p>
                        <p>提币数量<span>2.000521</span></p>
                        <p>实际数量<span>0.02</span></p>
                        <p>申请时间<span>2018/11/14 16:19</span></p>
                        <p>审核时间<span>2018/11/16 16:19</span></p>
                        <p>审核状态<span>已通过</span></p>
                    </div>-->
                </div>
                <div class="load_more_div">
		            <button type="button" class="load_more">加载更多....</button>
		        </div>
            </div>
        </div>
    </div>
<!-- 弹框 -->
    <div class="modal fade" id="exampleModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bb0">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <div class="form-group" style="border:1px solid #ccc;background: #fff;">
                        <input type="password" class="form-control text-center" id="recipient-name1" placeholder="请输入支付密码">
                        <img class="kk_img" src="img/zy.png" data="1">
                    </div>
                </div>
                <div class="modal-footer bt0">
                    <button type="button" class="btn btn_default money_btn">提交</button>
                </div>
            </div>
        </div>
    </div>
    <!--preload-->
	<section id="preloader">
		<div class="loading-circle fa-spin"></div>
		<div class="loading-circle2">
			<img src="img/logo.png">
		</div>
	</section>
    	
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="./js/jquery-2.1.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/mentionMoney.js"></script>
</body>

</html>